<template>
    <div class="body">
        <div class="body2">
            <div class="title">
                <span @click="changeData1">{{data1}}</span>
                <span @click="changeData2">{{data2}}：</span>
                <div class="rightStyle" v-show="mijiShow">
                    <span :style="sixNum[0]?'color: green;':'color: red;'">{{sixNum[0]?'√':'×'}}</span>
                    <span :style="sixNum[1]?'color: green;':'color: red;'">{{sixNum[1]?'√':'×'}}</span>
                    <span :style="sixNum[2]?'color: green;':'color: red;'">{{sixNum[2]?'√':'×'}}</span>
                    <span :style="sixNum[3]?'color: green;':'color: red;'">{{sixNum[3]?'√':'×'}}</span>
                    <span :style="sixNum[4]?'color: green;':'color: red;'">{{sixNum[4]?'√':'×'}}</span>
                    <span :style="sixNum[5]?'color: green;':'color: red;'">{{sixNum[5]?'√':'×'}}</span>
                </div>
            </div>
            <div class="text">
                <span @click="changeData3">{{data3}}</span> ，
                <span @click="changeData4">{{data4}}</span>，
                <span @click="changeData5">{{data5}}</span>，
                <span @click="changeData6">{{data6}}</span>！
                </div>
            <div class="colsediv">
                <div>
                    <span class="miji" v-show="stopStatus" @click="miji">{{mijiShow?'关闭秘籍':'开启秘籍'}}</span>
                    <span class="tip" @click="tip" v-show="stopStatus">提示文字</span>
                    <span class="stop" @click="stop">{{!stopStatus?'停!!!':'继续'}}</span>
                    <span class="close" @click="close">退出</span>
                </div>
                <div style="margin-top:20px">
                    <span class="look" @click="look" v-show="stopStatus">让我好好提示文字</span>
                </div>
            </div>
            <div class="face">
                <!-- 微笑 -->
                <svg v-show="smile" t="1665856653599" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1768" width="64" height="64"><path d="M512.002 512.002m-491.988 0a491.988 491.988 0 1 0 983.976 0 491.988 491.988 0 1 0-983.976 0Z" fill="#FDDF6D" p-id="1769"></path><path d="M617.43 931.356c-271.716 0-491.986-220.268-491.986-491.986 0-145.168 62.886-275.632 162.888-365.684C129.054 155.124 20.014 320.828 20.014 512c0 271.716 220.268 491.986 491.986 491.986 126.548 0 241.924-47.796 329.098-126.298-67.106 34.31-143.124 53.668-223.668 53.668z" fill="#FCC56B" p-id="1770"></path><path d="M583.584 842.35c-109.984 0-199.146-89.162-199.146-199.146h398.292c0 109.984-89.162 199.146-199.146 199.146zM492.588 379.726c-11.054 0-20.014-8.962-20.014-20.014 0-25.816-21.002-46.818-46.818-46.818s-46.818 21.004-46.818 46.818c0 11.054-8.962 20.014-20.014 20.014-11.054 0-20.014-8.962-20.014-20.014 0-47.888 38.962-86.848 86.848-86.848s86.848 38.96 86.848 86.848c-0.002 11.054-8.964 20.014-20.018 20.014zM830.634 379.726c-11.054 0-20.014-8.962-20.014-20.014 0-25.816-21.002-46.818-46.818-46.818s-46.818 21.004-46.818 46.818c0 11.054-8.962 20.014-20.014 20.014s-20.014-8.962-20.014-20.014c0-47.888 38.962-86.848 86.848-86.848 47.886 0 86.848 38.96 86.848 86.848-0.004 11.054-8.964 20.014-20.018 20.014z" fill="#7F184C" p-id="1771"></path><path d="M300.576 481.542c-36.536 0-66.156 29.62-66.156 66.156h132.314c-0.004-36.536-29.622-66.156-66.158-66.156zM877.628 472.678c-36.536 0-66.158 29.62-66.158 66.156h132.314c0.002-36.538-29.616-66.156-66.156-66.156z" fill="#F9A880" p-id="1772"></path><path d="M433.028 643.204v31.086c0 13.108 10.626 23.732 23.732 23.732h253.644c13.108 0 23.732-10.626 23.732-23.732v-31.086H433.028z" fill="#F2F2F2" p-id="1773"></path><path d="M587.766 759.732c-53.832-25.01-113.568-21.376-162.01 4.564 36.4 47.442 93.642 78.058 158.06 78.058a198.412 198.412 0 0 0 79.806-16.684c-17.932-27.748-43.642-50.97-75.856-65.938z" fill="#FC4C59" p-id="1774"></path><path d="M586.102367 212.006238a102.74 57.374 15.801 1 0 31.245541-110.412045 102.74 57.374 15.801 1 0-31.245541 110.412045Z" fill="#FCEB88" p-id="1775"></path><path d="M934.502 222.718c-57.164-83.338-136.7-147.41-230.004-185.294-10.24-4.156-21.914 0.774-26.076 11.016-4.158 10.242 0.774 21.914 11.016 26.076 86.01 34.922 159.338 94 212.05 170.846 53.956 78.664 82.48 170.864 82.48 266.638 0 260.248-211.724 471.97-471.97 471.97S40.03 772.244 40.03 512 251.752 40.03 512 40.03c11.054 0 20.014-8.962 20.014-20.014S523.054 0 512 0C229.68 0 0 229.68 0 512s229.68 512 512 512 512-229.68 512-512c0-103.894-30.948-203.926-89.498-289.282z" fill="" p-id="1776"></path><path d="M378.936 359.712c0-25.816 21.004-46.818 46.818-46.818s46.818 21.004 46.818 46.818c0 11.054 8.962 20.014 20.014 20.014 11.054 0 20.014-8.962 20.014-20.014 0-47.888-38.96-86.848-86.848-86.848s-86.848 38.96-86.848 86.848c0 11.054 8.962 20.014 20.014 20.014 11.058 0 20.018-8.96 20.018-20.014zM716.982 359.712c0-25.816 21.004-46.818 46.818-46.818 25.814 0 46.818 21.004 46.818 46.818 0 11.054 8.962 20.014 20.014 20.014s20.014-8.962 20.014-20.014c0-47.888-38.96-86.848-86.848-86.848s-86.848 38.96-86.848 86.848c0 11.054 8.962 20.014 20.014 20.014s20.018-8.96 20.018-20.014zM364.422 643.204c0 120.846 98.314 219.16 219.16 219.16s219.16-98.314 219.16-219.16c0-11.054-8.962-20.014-20.014-20.014H384.436c-11.052-0.002-20.014 8.96-20.014 20.014z m397.182 20.014c-9.984 89.39-86.012 159.116-178.022 159.116s-168.038-69.726-178.022-159.116h356.044z" fill="" p-id="1777"></path><path d="M621.736 34.334m-20.014 0a20.014 20.014 0 1 0 40.028 0 20.014 20.014 0 1 0-40.028 0Z" fill="" p-id="1778"></path></svg>
                <!-- 尴尬 -->
                <svg v-show="!smile && unSmile[0]" t="1665856625157" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3663" width="64" height="64"><path d="M511.362 512.002m-491.988 0a491.988 491.988 0 1 0 983.976 0 491.988 491.988 0 1 0-983.976 0Z" fill="#FDDF6D" p-id="3664"></path><path d="M616.796 931.354c-271.716 0-491.986-220.268-491.986-491.986 0-145.168 62.886-275.632 162.888-365.684C128.42 155.124 19.382 320.824 19.382 512c0 271.716 220.268 491.986 491.986 491.986 126.548 0 241.924-47.796 329.098-126.298-67.106 34.308-143.128 53.666-223.67 53.666z" fill="#FCC56B" p-id="3665"></path><path d="M582.95 842.35c-109.984 0-199.146-89.162-199.146-199.146h398.292c0.002 109.984-89.16 199.146-199.146 199.146zM491.954 379.724a20.01 20.01 0 0 1-20.014-20.014c0-25.816-21.002-46.822-46.818-46.822s-46.818 21.004-46.818 46.822a20.01 20.01 0 0 1-20.014 20.014 20.01 20.01 0 0 1-20.014-20.014c0-47.888 38.962-86.85 86.848-86.85s86.848 38.962 86.848 86.85c-0.004 11.056-8.962 20.014-20.018 20.014zM830.002 379.724a20.01 20.01 0 0 1-20.014-20.014c0-25.816-21.002-46.822-46.818-46.822s-46.822 21.004-46.822 46.822a20.01 20.01 0 0 1-20.014 20.014 20.01 20.01 0 0 1-20.014-20.014c0-47.888 38.962-86.85 86.85-86.85 47.886 0 86.848 38.962 86.848 86.85-0.002 11.056-8.96 20.014-20.016 20.014z" fill="#7F184C" p-id="3666"></path><path d="M299.94 481.54c-36.536 0-66.158 29.62-66.158 66.158h132.314c0.002-36.538-29.62-66.158-66.156-66.158zM876.996 472.678c-36.536 0-66.156 29.62-66.156 66.158h132.314c-0.002-36.54-29.622-66.158-66.158-66.158z" fill="#F9A880" p-id="3667"></path><path d="M432.394 643.204v31.086c0 13.108 10.626 23.732 23.732 23.732h253.644c13.108 0 23.732-10.626 23.732-23.732v-31.086H432.394z" fill="#F2F2F2" p-id="3668"></path><path d="M587.13 759.728c-53.832-25.01-113.568-21.376-162.01 4.564 36.4 47.442 93.642 78.058 158.06 78.058a198.412 198.412 0 0 0 79.806-16.684c-17.928-27.744-43.638-50.97-75.856-65.938z" fill="#FC4C59" p-id="3669"></path><path d="M254.226 298.478c0 57.154-46.332 103.486-103.486 103.486s-103.486-46.332-103.486-103.486S150.74 92.274 150.74 92.274s103.486 149.05 103.486 206.204z" fill="#0DAED3" p-id="3670"></path><path d="M511.368 0c-117.676 0-231.146 40.32-322.1 113.994-10.908-16.914-19.288-29.1-22.09-33.138a20.008 20.008 0 0 0-32.876 0c-10.958 15.782-107.062 155.976-107.062 217.622 0 68.1 55.404 123.502 123.502 123.502s123.502-55.404 123.502-123.502c0-36.558-33.8-100.74-63.596-150.22 84.47-69.896 190.588-108.228 300.722-108.228 260.248 0 471.968 211.724 471.968 471.968S771.612 983.968 511.368 983.968c-120.118 0-234.562-45.15-322.252-127.136-87.27-81.588-140.01-191.916-148.502-310.658-0.788-11.024-10.368-19.374-21.392-18.534-11.026 0.788-19.324 10.364-18.534 21.392 9.214 128.838 66.424 248.538 161.088 337.042C256.912 975.018 381.064 1024 511.368 1024c282.316 0 511.998-229.68 511.998-512C1023.364 229.68 793.684 0 511.368 0zM150.74 381.952c-46.026 0-83.472-37.446-83.472-83.472 0-32.106 46.05-113.102 83.474-170.352a1290.22 1290.22 0 0 1 15.986 25.098c0.528 1.044 1.144 2.054 1.87 3.016 32.76 53.098 65.616 115.092 65.616 142.238-0.002 46.026-37.448 83.472-83.474 83.472z" fill="" p-id="3671"></path><path d="M425.12 272.862c-47.886 0-86.848 38.962-86.848 86.848 0 11.056 8.958 20.014 20.014 20.014s20.014-8.958 20.014-20.014c0-25.816 21.002-46.818 46.818-46.818s46.818 21.002 46.818 46.818c0 11.056 8.958 20.014 20.014 20.014s20.014-8.958 20.014-20.014c0.004-47.886-38.956-86.848-86.844-86.848zM716.348 359.71c0-25.816 21.004-46.818 46.822-46.818s46.818 21.002 46.818 46.818a20.01 20.01 0 0 0 20.014 20.014 20.01 20.01 0 0 0 20.014-20.014c0-47.886-38.962-86.848-86.848-86.848-47.888 0-86.85 38.962-86.85 86.848 0 11.056 8.958 20.014 20.014 20.014s20.016-8.958 20.016-20.014zM363.79 643.2c0 120.846 98.314 219.162 219.16 219.162s219.16-98.314 219.16-219.162a20.01 20.01 0 0 0-20.014-20.014H383.804c-11.056 0-20.014 8.96-20.014 20.014z m397.182 20.016c-9.98 89.388-86.01 159.116-178.022 159.116s-168.04-69.728-178.022-159.116h356.044z" fill="" p-id="3672"></path><path d="M20.65 475.016m-20.014 0a20.014 20.014 0 1 0 40.028 0 20.014 20.014 0 1 0-40.028 0Z" fill="" p-id="3673"></path></svg>
                <!-- 中毒 -->
                <svg v-show="!smile && unSmile[1]" t="1665858251384" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1825" width="64" height="64"><path d="M512.002 512.002m-491.988 0a491.988 491.988 0 1 0 983.976 0 491.988 491.988 0 1 0-983.976 0Z" fill="#CCE7A0" p-id="1826"></path><path d="M617.43 931.356c-271.716 0-491.986-220.268-491.986-491.986 0-145.168 62.886-275.632 162.888-365.684C129.054 155.124 20.014 320.828 20.014 512c0 271.716 220.268 491.986 491.986 491.986 126.548 0 241.924-47.796 329.098-126.298-67.106 34.31-143.124 53.668-223.668 53.668z" fill="#AED893" p-id="1827"></path><path d="M631.61 722.638m-105.736 0a105.736 105.736 0 1 0 211.472 0 105.736 105.736 0 1 0-211.472 0Z" fill="#7F184C" p-id="1828"></path><path d="M943.968 237.03c-50.954-79.89-122.818-144.028-207.824-185.48-9.944-4.848-21.914-0.716-26.762 9.218-4.844 9.936-0.72 21.918 9.218 26.76 78.37 38.218 144.632 97.356 191.62 171.026 48.248 75.642 73.752 163.286 73.752 253.448 0 260.248-211.726 471.968-471.97 471.968S40.03 772.248 40.03 512.002 251.752 40.03 512 40.03c11.056 0 20.014-8.958 20.014-20.014S523.056 0 512 0C229.68 0 0 229.684 0 512.002S229.68 1024 512 1024s512-229.68 512-511.998c0-97.804-27.674-192.89-80.032-274.972z" fill="" p-id="1829"></path><path d="M629.798 848.396c69.338 0 125.754-56.412 125.754-125.752s-56.414-125.752-125.754-125.752-125.752 56.412-125.752 125.752 56.414 125.752 125.752 125.752z m0-211.472c47.27 0 85.724 38.454 85.724 85.722 0 47.266-38.454 85.722-85.724 85.722-47.266 0-85.722-38.454-85.722-85.722s38.458-85.722 85.722-85.722zM376.092 473.542a19.954 19.954 0 0 0 14.152 5.86 19.958 19.958 0 0 0 14.152-5.86l38.054-38.054 38.054 38.054a19.968 19.968 0 0 0 14.154 5.86 19.966 19.966 0 0 0 14.154-5.86c7.816-7.82 7.816-20.49 0-28.306l-38.054-38.052 38.054-38.052c7.816-7.82 7.816-20.49 0-28.306-7.816-7.812-20.488-7.816-28.306 0l-38.054 38.054-38.054-38.054c-7.816-7.814-20.49-7.814-28.304 0-7.816 7.82-7.816 20.49 0 28.306l38.054 38.052-38.054 38.052c-7.82 7.82-7.82 20.49-0.002 28.306zM755.034 473.542a19.962 19.962 0 0 0 14.154 5.86 19.966 19.966 0 0 0 14.154-5.86l38.054-38.052 38.054 38.052c3.91 3.906 9.034 5.86 14.154 5.86s10.244-1.954 14.154-5.86c7.816-7.82 7.816-20.49 0-28.306l-38.054-38.052 38.054-38.052c7.816-7.82 7.816-20.49 0-28.306-7.816-7.812-20.488-7.816-28.306 0L821.4 378.878l-38.054-38.052c-7.82-7.814-20.49-7.814-28.306 0-7.816 7.82-7.816 20.49 0 28.306l38.054 38.052-38.054 38.052c-7.822 7.82-7.822 20.49-0.006 28.306z" fill="" p-id="1830"></path><path d="M655.682 41.19m-20.014 0a20.014 20.014 0 1 0 40.028 0 20.014 20.014 0 1 0-40.028 0Z" fill="" p-id="1831"></path></svg>
                <!-- 生气 -->
                <svg v-show="!smile && unSmile[2]" t="1665858271756" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2087" width="64" height="64"><path d="M512.002 512.002m-491.988 0a491.988 491.988 0 1 0 983.976 0 491.988 491.988 0 1 0-983.976 0Z" fill="#FC4C59" p-id="2088"></path><path d="M617.432 931.356c-271.716 0-491.986-220.268-491.986-491.986 0-145.168 62.886-275.632 162.888-365.684C129.054 155.124 20.014 320.828 20.014 512c0 271.716 220.268 491.986 491.986 491.986 126.548 0 241.924-47.796 329.098-126.298-67.102 34.31-143.124 53.668-223.666 53.668z" fill="#BC3B4A" p-id="2089"></path><path d="M803.118 812.228a20 20 0 0 1-17.504-10.28c-24.46-43.906-70.842-71.186-121.04-71.186-48.902 0-95.764 27.49-122.292 71.738-5.686 9.478-17.984 12.55-27.458 6.874-9.482-5.684-12.558-17.976-6.874-27.458 33.724-56.244 93.738-91.184 156.624-91.184 64.712 0 124.492 35.152 156.01 91.736 5.38 9.656 1.914 21.846-7.744 27.222a19.902 19.902 0 0 1-9.722 2.538z" fill="#7C152E" p-id="2090"></path><path d="M510.962 501.142m-54.592 0a54.592 54.592 0 1 0 109.184 0 54.592 54.592 0 1 0-109.184 0Z" fill="#FFFFFF" p-id="2091"></path><path d="M803.096 486.384m-54.592 0a54.592 54.592 0 1 0 109.184 0 54.592 54.592 0 1 0-109.184 0Z" fill="#FFFFFF" p-id="2092"></path><path d="M511.93 575.788c-9.098 0-18.218-1.628-27.002-4.9-19.336-7.202-34.71-21.504-43.29-40.266-8.654-18.926-8.814-41.578-0.442-62.15a83.574 83.574 0 0 1 19.97-29.214 2521.62 2521.62 0 0 1-10.898-5.626c-13.668-7.096-24.656-13.584-35.28-19.854-12.562-7.414-25.552-15.08-44.01-24.432-9.86-4.994-13.808-17.036-8.812-26.898 4.996-9.864 17.036-13.81 26.9-8.812 19.61 9.93 33.164 17.934 46.272 25.67 10.632 6.276 20.676 12.204 33.38 18.8a4036.06 4036.06 0 0 0 24.786 12.732c34.06 17.4 63.476 32.426 83.056 48.312a20.044 20.044 0 0 1 5.59 7.218c8.582 18.766 9.34 39.752 2.14 59.088-7.202 19.334-21.506 34.71-40.27 43.29-10.25 4.688-21.154 7.042-32.09 7.042z m-10.322-115.74c-10.578 4.172-18.86 12.51-23.338 23.516-4.23 10.396-4.316 21.482-0.23 30.412a36.986 36.986 0 0 0 20.858 19.404 37 37 0 0 0 28.466-1.03 36.982 36.982 0 0 0 19.404-20.86 36.946 36.946 0 0 0 0.574-24.338c-11.464-8.516-27.306-17.436-45.734-27.104zM805.718 562.164c-10.938 0-21.842-2.354-32.084-7.04-18.764-8.58-33.066-23.956-40.27-43.29-7.2-19.336-6.442-40.32 2.14-59.088a20.044 20.044 0 0 1 6.308-7.774c21.036-15.54 48.82-31.696 82.572-48.014 50.656-24.492 54.024-26.468 95.216-50.632l6.258-3.67c9.534-5.594 21.798-2.394 27.39 7.142 5.594 9.534 2.394 21.8-7.142 27.39l-6.252 3.666c-36.53 21.43-44.334 26.006-80.996 43.87a77.428 77.428 0 0 1 17.38 24.69c9.468 21.292 9.38 46.556-0.232 67.578-8.58 18.764-23.956 33.068-43.29 40.27a77.154 77.154 0 0 1-26.998 4.902zM770.2 473.846a36.918 36.918 0 0 0 0.676 24.018 36.99 36.99 0 0 0 19.404 20.86 37.008 37.008 0 0 0 28.466 1.03 36.99 36.99 0 0 0 20.86-19.404c4.838-10.582 4.86-23.866 0.056-34.67-2.978-6.698-9.172-15.424-21.93-20.512-18.502 9.808-34.412 19.406-47.532 28.678z" fill="#7C152E" p-id="2093"></path><path d="M940.912 232.29C887.956 151.25 813.6 87.066 725.88 46.682c-10.048-4.62-21.928-0.23-26.55 9.81-4.622 10.042-0.23 21.93 9.81 26.55 80.876 37.23 149.432 96.412 198.266 171.144C957.498 330.85 983.974 420 983.974 512c0 260.248-211.726 471.968-471.97 471.968S40.03 772.248 40.03 512.002 251.752 40.03 512 40.03c11.056 0 20.014-8.958 20.014-20.014S523.056 0 512 0C229.68 0 0 229.684 0 512.002S229.68 1024 512 1024s512-229.68 512-511.998c0-99.8-28.73-196.522-83.088-279.712z" fill="" p-id="2094"></path><path d="M507.946 781.92c-5.684 9.482-2.608 21.774 6.874 27.458 9.474 5.678 21.77 2.604 27.458-6.874 26.528-44.248 73.39-71.738 122.292-71.738 50.202 0 96.58 27.278 121.04 71.186a20 20 0 0 0 27.226 7.748c9.658-5.38 13.124-17.568 7.744-27.222-31.52-56.586-91.3-91.736-156.01-91.736-62.886-0.006-122.9 34.934-156.624 91.178zM468.714 398.106c-12.702-6.596-22.744-12.524-33.38-18.8-13.108-7.736-26.662-15.74-46.272-25.67-9.86-4.998-21.904-1.054-26.9 8.812-4.996 9.86-1.048 21.904 8.812 26.898 18.458 9.35 31.45 17.018 44.012 24.432 10.624 6.274 21.614 12.758 35.28 19.854 3.682 1.914 7.318 3.786 10.898 5.626a83.546 83.546 0 0 0-19.97 29.214c-8.372 20.572-8.212 43.224 0.442 62.15 8.58 18.764 23.954 33.064 43.29 40.266a77.236 77.236 0 0 0 27.002 4.9c10.938 0 21.842-2.354 32.084-7.04 18.764-8.58 33.068-23.956 40.27-43.29 7.2-19.336 6.442-40.32-2.14-59.088a19.966 19.966 0 0 0-5.59-7.218c-19.58-15.886-48.996-30.916-83.056-48.312-7.958-4.07-16.238-8.3-24.782-12.734z m78.632 89.042a36.92 36.92 0 0 1-0.574 24.338 36.99 36.99 0 0 1-19.404 20.86 37 37 0 0 1-28.466 1.03 36.98 36.98 0 0 1-20.858-19.404c-4.086-8.932-4.002-20.018 0.23-30.412 4.478-11.002 12.758-19.344 23.338-23.516 18.424 9.672 34.266 18.592 45.734 27.104zM946.108 377.192c9.534-5.59 12.732-17.854 7.142-27.39-5.59-9.538-17.854-12.732-27.39-7.142l-6.258 3.67c-41.192 24.164-44.558 26.14-95.216 50.632-33.752 16.318-61.538 32.474-82.572 48.014a19.994 19.994 0 0 0-6.308 7.774c-8.582 18.766-9.34 39.752-2.14 59.088 7.202 19.334 21.506 34.71 40.27 43.29 10.244 4.686 21.148 7.04 32.084 7.04 9.098 0 18.218-1.628 27.002-4.9 19.334-7.202 34.71-21.506 43.29-40.27 9.612-21.02 9.7-46.284 0.232-67.578a77.366 77.366 0 0 0-17.38-24.69c36.658-17.864 44.462-22.44 80.996-43.87l6.248-3.668z m-106.5 123.156a36.982 36.982 0 0 1-20.86 19.404 37.018 37.018 0 0 1-28.466-1.03 36.982 36.982 0 0 1-19.404-20.86 36.93 36.93 0 0 1-0.676-24.018c13.118-9.274 29.03-18.868 47.536-28.678 12.758 5.084 18.952 13.812 21.93 20.512 4.8 10.806 4.776 24.092-0.06 34.67z" fill="" p-id="2095"></path><path d="M646.262 40.03m-20.014 0a20.014 20.014 0 1 0 40.028 0 20.014 20.014 0 1 0-40.028 0Z" fill="" p-id="2096"></path></svg>
                <!-- 小恶魔 -->
                <svg v-show="!smile && unSmile[3]" t="1665858292395" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2302" width="64" height="64"><path d="M889.336 24.948c-6.326-10.536-22.396-5.974-22.382 6.314v0.438c0 158.842-91.246 296.352-224.172 363.036v232.034c174.062-44.504 302.366-200.788 304.198-389.172 0.756-77.808-20.396-150.61-57.644-212.65z" fill="#A66EDD" p-id="2303"></path><path d="M512.002 536.446m-468.494 0a468.494 468.494 0 1 0 936.988 0 468.494 468.494 0 1 0-936.988 0Z" fill="#A66EDD" p-id="2304"></path><path d="M612.398 935.78c-258.742 0-468.492-209.75-468.492-468.492 0-138.236 59.884-262.47 155.11-348.222C147.342 196.618 43.512 354.406 43.512 536.452c0 258.742 209.75 468.492 468.492 468.492 120.506 0 230.372-45.512 313.382-120.268-63.9 32.67-136.292 51.104-212.988 51.104z" fill="#7D45B2" p-id="2305"></path><path d="M511.01 526.13m-51.986 0a51.986 51.986 0 1 0 103.972 0 51.986 51.986 0 1 0-103.972 0Z" fill="#FC4C59" p-id="2306"></path><path d="M789.196 512.052m-51.986 0a51.986 51.986 0 1 0 103.972 0 51.986 51.986 0 1 0-103.972 0Z" fill="#FC4C59" p-id="2307"></path><path d="M644.786 822.332c-50.338 0-98.932-21.524-137.742-61.238-7.356-7.53-7.216-19.596 0.31-26.952a19.06 19.06 0 0 1 26.952 0.31c33.432 34.21 75.234 51.802 117.802 49.568 41.958-2.218 82.024-24.784 112.83-63.54 6.546-8.238 18.538-9.61 26.78-3.06 8.238 6.548 9.608 18.538 3.06 26.78-37.692 47.422-87.644 75.082-140.66 77.882a173.284 173.284 0 0 1-9.332 0.25zM512.104 597.15c-27.918 0-54.662-15.964-67.008-42.966-9.034-19.756-8.716-43.998 0.854-64.854 4.084-8.904 9.588-16.624 16.24-22.92-2.924-1.504-5.882-3.032-8.876-4.586-13.018-6.76-23.48-12.938-33.602-18.908-11.962-7.06-24.33-14.36-41.904-23.262-9.39-4.754-13.148-16.224-8.392-25.612 4.754-9.392 16.222-13.154 25.612-8.392 18.672 9.456 31.58 17.074 44.06 24.442 10.126 5.98 19.692 11.624 31.79 17.906 8.14 4.226 16.03 8.256 23.612 12.13 32.43 16.568 60.438 30.872 79.08 46.006a19.114 19.114 0 0 1 5.322 6.872c16.868 36.89 0.582 80.624-36.306 97.488a73.234 73.234 0 0 1-30.482 6.656z m-10.348-110.404a17.7 17.7 0 0 1-1.194 0.386c-11.126 3.22-16.998 11.614-19.968 18.088-4.862 10.592-5.19 23.588-0.836 33.106 8.13 17.774 29.198 25.62 46.972 17.496a35.2 35.2 0 0 0 18.476-19.862 35.184 35.184 0 0 0 0.546-23.178c-11.01-8.172-26.262-16.74-43.996-26.036zM791.784 584.222a73.3 73.3 0 0 1-30.552-6.704c-17.868-8.17-31.488-22.812-38.344-41.224-6.856-18.414-6.134-38.394 2.038-56.268a19.04 19.04 0 0 1 6.008-7.402c20.038-14.802 46.494-30.184 78.63-45.722 48.226-23.316 51.426-25.194 90.636-48.194l5.992-3.514c9.072-5.326 20.76-2.282 26.08 6.802 5.326 9.08 2.276 20.756-6.802 26.08l-5.984 3.512c-34.356 20.154-42.016 24.644-75.858 41.152a75.662 75.662 0 0 1 16.98 26.34c7.676 20.066 6.99 42.712-1.888 62.124-8.17 17.868-22.812 31.488-41.224 38.346a73.504 73.504 0 0 1-25.712 4.672z m-33.818-84.104a35.178 35.178 0 0 0 0.642 22.874 35.196 35.196 0 0 0 18.478 19.862 35.236 35.236 0 0 0 27.106 0.98 35.222 35.222 0 0 0 19.864-18.476c4.582-10.022 4.938-22.228 0.95-32.652-2.534-6.622-8.01-15.564-19.74-20.97-18.488 9.708-34.326 19.214-47.3 28.382z" fill="#3A2568" p-id="2308"></path><path d="M270.344 277.822c-59.68-62.628-96.322-147.404-96.322-240.748v-0.376c0.01-10.566-13.808-14.49-19.248-5.43-32.032 53.35-50.22 115.96-49.572 182.866 0.546 56.122 14.144 108.934 37.91 155.58 0 0 7.41 15.57 15.986 26.052l111.246-117.944z" fill="#A66EDD" p-id="2309"></path><path d="M954.626 332.16a430.924 430.924 0 0 0 11.412-94.38c0.762-78.616-20.112-155.606-60.364-222.644-7.286-12.134-21.33-17.752-34.95-13.968-13.672 3.796-22.846 15.898-22.83 30.096v0.44c0 45.29-7.7 89.324-22.864 131.276C740.276 91.826 631.064 48.9 512 48.9c-108.388 0-213.498 36.146-298.692 102.218-13.28-36.106-20.23-74.61-20.23-114.044v-0.354c0.016-13.44-8.658-24.884-21.584-28.474-12.886-3.576-26.166 1.73-33.06 13.21-34.87 58.076-52.948 124.768-52.288 192.862 0.562 57.878 14.014 113.072 39.986 164.052a19.06 19.06 0 0 0 16.996 10.412 18.976 18.976 0 0 0 8.638-2.082 19.06 19.06 0 0 0 8.328-25.636c-23.272-45.68-35.328-95.178-35.828-147.114-0.49-50.524 10.52-100.176 32.034-145.288 7.078 83.248 42.05 161.236 100.246 222.308 7.258 7.622 19.324 7.914 26.946 0.65 7.622-7.26 7.91-19.326 0.65-26.946-22.232-23.33-40.676-49.418-55.022-77.448 79.818-64.704 179.738-100.21 282.884-100.21 247.82 0 449.43 201.616 449.43 449.434S759.822 985.882 512.004 985.882 62.568 784.27 62.568 536.452c0-30.12 2.996-60.228 8.906-89.49 2.084-10.318-4.592-20.37-14.91-22.454-10.314-2.086-20.372 4.592-22.454 14.91a491.356 491.356 0 0 0-9.662 97.036C24.45 805.288 243.164 1024 512.002 1024c268.836 0 487.548-218.714 487.548-487.548 0.002-72.91-16.114-142.116-44.924-204.292z m-99.342-141.576c17.262-42.742 27.334-87.572 30.004-133.732 28.564 55.564 43.246 117.482 42.632 180.564a395.404 395.404 0 0 1-2.548 40.82 490.8 490.8 0 0 0-70.088-87.652z" fill="" p-id="2310"></path><path d="M534.214 734.452c-7.356-7.528-19.424-7.67-26.952-0.31-7.528 7.36-7.666 19.424-0.31 26.952 38.812 39.714 87.406 61.238 137.74 61.238 3.108 0 6.22-0.082 9.336-0.25 53.014-2.802 102.97-30.462 140.66-77.882 6.548-8.242 5.178-20.23-3.06-26.78-8.242-6.552-20.23-5.178-26.78 3.06-30.804 38.756-70.876 61.322-112.83 63.54-42.564 2.234-84.372-15.358-117.804-49.568zM573.476 486.126c-18.642-15.128-46.646-29.434-79.076-46a3808.054 3808.054 0 0 1-23.616-12.132c-12.094-6.282-21.656-11.924-31.78-17.902-12.482-7.366-25.392-14.986-44.066-24.444-9.388-4.762-20.856-1.004-25.612 8.392a19.052 19.052 0 0 0 8.392 25.612c17.58 8.904 29.948 16.206 41.91 23.268 10.116 5.972 20.582 12.146 33.594 18.904 2.994 1.552 5.952 3.082 8.876 4.586-6.65 6.294-12.154 14.014-16.24 22.92-9.57 20.856-9.888 45.098-0.854 64.854 12.348 27.002 39.092 42.966 67.008 42.966a73.14 73.14 0 0 0 30.48-6.66c36.886-16.866 53.174-60.6 36.312-97.486a19.11 19.11 0 0 0-5.328-6.878z m-46.84 69.7c-17.774 8.124-38.842 0.276-46.972-17.496-4.354-9.52-4.026-22.516 0.836-33.106 2.97-6.474 8.844-14.872 19.968-18.088 0.404-0.116 0.804-0.246 1.196-0.386 17.732 9.294 32.98 17.86 43.99 26.034 5.408 16.842-2.538 35.504-19.018 43.042zM925.38 408.078a19.058 19.058 0 0 0 6.802-26.08c-5.324-9.084-17.004-12.126-26.08-6.802l-5.992 3.514c-39.21 23-42.41 24.878-90.636 48.194-32.136 15.536-58.594 30.918-78.63 45.722a19.056 19.056 0 0 0-6.008 7.402c-8.172 17.87-8.894 37.854-2.038 56.268 6.858 18.41 20.48 33.054 38.346 41.224 9.756 4.462 20.138 6.704 30.552 6.704 8.662 0 17.348-1.55 25.712-4.666 18.41-6.858 33.054-20.48 41.226-38.35 8.874-19.414 9.562-42.06 1.882-62.124a75.622 75.622 0 0 0-16.978-26.336c33.838-16.508 41.498-21 75.854-41.152l5.988-3.518z m-101.414 117.278a35.208 35.208 0 0 1-19.864 18.476 35.254 35.254 0 0 1-27.106-0.98 35.22 35.22 0 0 1-18.478-19.864 35.152 35.152 0 0 1-0.642-22.87c12.972-9.168 28.812-18.672 47.302-28.382 11.73 5.402 17.206 14.346 19.74 20.968 3.986 10.422 3.63 22.628-0.952 32.652z" fill="" p-id="2311"></path><path d="M70.794 376.708m-19.058 0a19.058 19.058 0 1 0 38.116 0 19.058 19.058 0 1 0-38.116 0Z" fill="" p-id="2312"></path></svg>
                <!-- 害怕 -->
                <svg v-show="!smile && unSmile[4]" t="1665858314023" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2568" width="64" height="64"><path d="M512.002 512.002m-491.988 0a491.988 491.988 0 1 0 983.976 0 491.988 491.988 0 1 0-983.976 0Z" fill="#3FA9F5" p-id="2569"></path><path d="M617.432 931.356c-271.716 0-491.986-220.268-491.986-491.986 0-145.168 62.886-275.632 162.888-365.684C129.054 155.124 20.014 320.828 20.014 512c0 271.716 220.268 491.986 491.986 491.986 126.548 0 241.924-47.796 329.098-126.298-67.102 34.31-143.124 53.668-223.666 53.668z" fill="#1E96EC" p-id="2570"></path><path d="M426.314 359.704m-142.718 0a142.718 142.718 0 1 0 285.436 0 142.718 142.718 0 1 0-285.436 0Z" fill="#FFFFFF" p-id="2571"></path><path d="M826.554 359.704m-142.718 0a142.718 142.718 0 1 0 285.436 0 142.718 142.718 0 1 0-285.436 0Z" fill="#FFFFFF" p-id="2572"></path><path d="M450.33 359.704m-40.03 0a40.03 40.03 0 1 0 80.06 0 40.03 40.03 0 1 0-80.06 0Z" fill="#224275" p-id="2573"></path><path d="M856.468 359.704m-40.03 0a40.03 40.03 0 1 0 80.06 0 40.03 40.03 0 1 0-80.06 0Z" fill="#224275" p-id="2574"></path><path d="M761.72 774.486a20.006 20.006 0 0 1-17.504-10.28c-24.46-43.906-70.842-71.186-121.044-71.186-48.902 0-95.762 27.49-122.292 71.738-5.682 9.48-17.976 12.554-27.458 6.874-9.482-5.684-12.558-17.976-6.874-27.458 33.72-56.244 93.736-91.184 156.624-91.184 64.712 0 124.492 35.152 156.014 91.736 5.38 9.656 1.914 21.846-7.744 27.222a19.902 19.902 0 0 1-9.722 2.538z" fill="#224275" p-id="2575"></path><path d="M589.06 359.712c0-89.732-73.002-162.732-162.732-162.732s-162.732 73-162.732 162.732c0 89.73 73 162.73 162.732 162.73s162.732-73 162.732-162.73z m-162.734 122.7c-67.66 0-122.704-55.044-122.704-122.7s55.044-122.704 122.704-122.704 122.704 55.046 122.704 122.704-55.046 122.7-122.704 122.7zM473.422 771.634c9.482 5.678 21.776 2.604 27.458-6.874 26.528-44.248 73.388-71.738 122.292-71.738 50.202 0 96.582 27.278 121.044 71.186a20.004 20.004 0 0 0 27.226 7.748c9.658-5.38 13.124-17.568 7.744-27.222-31.522-56.586-91.302-91.736-156.014-91.736-62.886 0-122.904 34.94-156.624 91.184-5.684 9.476-2.608 21.77 6.874 27.452z" fill="" p-id="2576"></path><path d="M975.318 293.872a162.382 162.382 0 0 0-5.028-10.346c-0.262-0.526-0.504-1.056-0.768-1.58a20.408 20.408 0 0 0-1.386-2.306c-27.994-49.306-80.95-82.664-141.586-82.664-89.732 0-162.732 73-162.732 162.732 0 89.73 73 162.73 162.732 162.73 66.78 0 124.268-40.446 149.32-98.118a476.014 476.014 0 0 1 8.096 87.676c0 260.248-211.724 471.968-471.97 471.968S40.03 772.248 40.03 512 251.752 40.03 512 40.03c83.416 0 165.388 22.048 237.056 63.762 9.548 5.556 21.806 2.324 27.364-7.232 5.558-9.554 2.324-21.806-7.23-27.366C691.418 23.926 602.48 0 512 0 229.68 0 0 229.68 0 512c0 282.316 229.68 512 512 512s512-229.68 512-511.998c0-76.444-16.386-149.752-48.682-218.13z m-26.064 65.84c0 67.66-55.044 122.7-122.704 122.7s-122.704-55.044-122.704-122.7 55.044-122.704 122.704-122.704c46.468 0 86.986 25.968 107.808 64.154a480.478 480.478 0 0 1 4.868 10.016 121.966 121.966 0 0 1 10.028 48.534z" fill="" p-id="2577"></path><path d="M821.084 130.95m-20.014 0a20.014 20.014 0 1 0 40.028 0 20.014 20.014 0 1 0-40.028 0Z" fill="" p-id="2578"></path></svg>
                <!-- 惊呆 -->
                <svg v-show="!smile && unSmile[5]" t="1665858357212" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2834" width="64" height="64"><path d="M512.002 512.002m-491.988 0a491.988 491.988 0 1 0 983.976 0 491.988 491.988 0 1 0-983.976 0Z" fill="#FDDF6D" p-id="2835"></path><path d="M617.43 931.354c-271.716 0-491.986-220.268-491.986-491.986 0-145.168 62.886-275.632 162.888-365.684C129.054 155.124 20.014 320.828 20.014 512c0 271.716 220.268 491.986 491.986 491.986 126.548 0 241.924-47.796 329.098-126.298-67.106 34.31-143.124 53.666-223.668 53.666z" fill="#FCC56B" p-id="2836"></path><path d="M441.658 427.3m-60.044 0a60.044 60.044 0 1 0 120.088 0 60.044 60.044 0 1 0-120.088 0Z" fill="#FFFFFF" p-id="2837"></path><path d="M779.72 427.3m-60.044 0a60.044 60.044 0 1 0 120.088 0 60.044 60.044 0 1 0-120.088 0Z" fill="#FFFFFF" p-id="2838"></path><path d="M730.5 847.812a20 20 0 0 1-17.504-10.28c-18.764-33.684-54.342-54.608-92.85-54.608-37.528 0-73.51 21.136-93.908 55.16-5.684 9.478-17.978 12.556-27.458 6.874-9.482-5.684-12.558-17.976-6.874-27.458 27.59-46.018 76.732-74.606 128.244-74.606 53.02 0 101.998 28.8 127.822 75.16 5.38 9.656 1.91 21.846-7.744 27.222a19.928 19.928 0 0 1-9.728 2.536z" fill="#7F184C" p-id="2839"></path><path d="M498.552 683.094c0 34.258-27.77 62.026-62.026 62.026s-62.026-27.77-62.026-62.026 62.026-123.592 62.026-123.592 62.026 89.338 62.026 123.592z" fill="#3FA9F5" p-id="2840"></path><path d="M946.536 241.094c-49.282-78.89-119.04-142.94-201.738-185.224-9.836-5.026-21.898-1.134-26.932 8.708-5.034 9.842-1.134 21.902 8.708 26.934 76.246 38.988 140.568 98.048 186.012 170.792 46.7 74.756 71.386 161.1 71.386 249.696 0 260.248-211.724 471.97-471.97 471.97S40.03 772.244 40.03 511.998 251.752 40.03 512 40.03c11.054 0 20.014-8.958 20.014-20.014S523.054 0 512 0C229.68 0 0 229.68 0 511.998S229.68 1024 512 1024s512-229.68 512-512c0-96.106-26.788-189.784-77.464-270.906z" fill="" p-id="2841"></path><path d="M521.722 427.304c0-44.144-35.914-80.058-80.058-80.058s-80.058 35.914-80.058 80.058 35.914 80.058 80.058 80.058 80.058-35.914 80.058-80.058z m-120.088 0c0-22.072 17.958-40.03 40.03-40.03s40.03 17.958 40.03 40.03-17.958 40.03-40.03 40.03-40.03-17.956-40.03-40.03zM859.768 427.304c0-44.144-35.914-80.058-80.058-80.058s-80.058 35.914-80.058 80.058 35.914 80.058 80.058 80.058 80.058-35.914 80.058-80.058z m-120.088 0c0-22.072 17.958-40.03 40.03-40.03s40.03 17.958 40.03 40.03-17.958 40.03-40.03 40.03-40.03-17.956-40.03-40.03zM491.902 817.508c-5.684 9.482-2.608 21.774 6.874 27.458 9.478 5.682 21.774 2.602 27.458-6.874 20.398-34.026 56.38-55.16 93.908-55.16 38.51 0 74.088 20.924 92.85 54.608a20 20 0 0 0 27.226 7.748c9.658-5.38 13.124-17.568 7.744-27.222-25.824-46.36-74.802-75.16-127.822-75.16-51.51-0.006-100.65 28.584-128.238 74.602zM436.526 765.138c45.238 0 82.042-36.804 82.042-82.042 0-11.51-3.498-32.818-33.734-84.718-15.726-26.994-31.214-49.35-31.866-50.29a20.012 20.012 0 0 0-32.884 0c-0.652 0.94-16.14 23.294-31.866 50.29-30.238 51.9-33.734 73.208-33.734 84.718-0.002 45.238 36.804 82.042 82.042 82.042z m0-169.344c22.34 35.418 42.012 73.404 42.012 87.302 0 23.166-18.848 42.012-42.012 42.012s-42.012-18.848-42.012-42.012c-0.002-13.898 19.672-51.884 42.012-87.302z" fill="" p-id="2842"></path><path d="M663.928 45.366m-20.014 0a20.014 20.014 0 1 0 40.028 0 20.014 20.014 0 1 0-40.028 0Z" fill="" p-id="2843"></path></svg>
            </div>
        <div class="zhezhao" v-show="zhezhao || successTip"></div>
        <div class="dialog" v-show="dialogVisible">
            可以让中间的脸微笑😊吗，如果成功了，这就是我想对你说的哦！
            <div class="begin">
                <span class="beginText" @click="begin">开 始</span>
            </div>
        </div>
        <div class="dialog" v-show="successTip">
            恭喜你，成功发现了我想对你说的话哦！
            <div class="begin">
                <span class="beginText" @click="finish" style="background-color: rgb(29, 126, 0);">继 续</span>
            </div>
        </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'jiangjiang',
    data(){
        return{
            mijiShow:false,
            timer:null,
            timer2:null,
            timer2ing:false,
            stopStatus:true,
            data1List:['亲爱的','可爱的','淘气的','敬爱的','尊敬的'],
            data2List:['江江','江同学','小江','大江','姜姜','老姜'],
            data3List:['秋天快要结束了','春天早就过去啦','夏天已经远去呀','冬天快要开始咯'],
            data4List:['多穿衣服','不穿衣服','少穿衣服','光着膀子'],
            data5List:['吃好喝好','不吃不喝','大吃大喝','省吃省喝','吃少喝饱','吃好喝少'],
            data6List:['快乐学习','不要学习','放弃学习','不想学习'],
            data1:null,data2:null,data3:null,data4:null,data5:null,data6:null,
            smile:false,
            sixNum:[false,false,false,false,false,false],
            lookSixNum:false,
            unSmile:[false,false,false,false,false,false],
            timer3:null,
            zhezhao:false,
            dialogVisible:false,
            successTip:false,
        }
    },
    watch:{
        smile(val){
            if(val){
                setTimeout(() => {
                    this.successTip = true
                }, 500);
            }
        },
        stopStatus(val){
            if(!val){
                this.timer3 = setInterval(() => {
                    let which = null
                    for(let i=0;i<this.unSmile.length;i++){
                        if(this.unSmile[i]){
                            which = i
                        }
                    }
                    this.unSmile = [false,false,false,false,false,false]
                    let num = Math.floor(Math.random()*6+1)-1
                    if(which == num){
                        if(num == 0){
                            num ++
                        }else{
                            num --
                        }
                    }
                    this.unSmile[num] = true
                }, 150);
            }else{
                setTimeout(() => {
                    clearInterval(this.timer3)
                }, 100);
            }
        },
        lookSixNum(){
            let ok = true
            for(let i=0;i<this.sixNum.length;i++){
                if(this.sixNum[i] == false){
                    ok = false
                }
            }
            if(ok && this.stopStatus){
                this.smile = true
            }else{
                this.smile = false
                this.unSmileShow()
            }
        },
        data1(val){
            if(this.stopStatus){
                this.smile = false
                if(val == '亲爱的'){
                    this.lookSixNum = !this.lookSixNum
                    this.sixNum[0] = true
                }else{
                    this.unSmileShow()
                    this.sixNum[0] = false
                }
            }
        },
        data2(val){
            if(this.stopStatus){
                this.smile = false
                if(val == '江江'){
                    this.lookSixNum = !this.lookSixNum
                    this.sixNum[1] = true
                }else{
                    this.unSmileShow()
                    this.sixNum[1] = false
                }
            }
        },
        data3(val){
            if(this.stopStatus){
                this.smile = false
                if(val == '秋天快要结束了'){
                    this.lookSixNum = !this.lookSixNum
                    this.sixNum[2] = true
                }else{
                    this.unSmileShow()
                    this.sixNum[2] = false
                }
            }
        },
        data4(val){
            if(this.stopStatus){
                this.smile = false
                if(val == '多穿衣服'){
                    this.lookSixNum = !this.lookSixNum
                    this.sixNum[3] = true
                }else{
                    this.unSmileShow()
                    this.sixNum[3] = false
                }
            }
        },
        data5(val){
            if(this.stopStatus){
                this.smile = false
                if(val == '吃好喝好'){
                    this.lookSixNum = !this.lookSixNum
                    this.sixNum[4] = true
                }else{
                    this.unSmileShow()
                    this.sixNum[4] = false
                }
            }
        },
        data6(val){
            if(this.stopStatus){
                this.smile = false
                if(val == '快乐学习'){
                    this.lookSixNum = !this.lookSixNum
                    this.sixNum[5] = true
                }else{
                    this.unSmileShow()
                    this.sixNum[5] = false
                }
            }
        },
    },
    mounted(){
        this.changeData1()
        this.changeData2()
        this.changeData3()
        this.changeData4()
        this.changeData5()
        this.changeData6()
        this.zhezhao = true
        this.dialogVisible = true
    },
    methods:{
        finish(){
            this.successTip = false
        },
        miji(){
            this.mijiShow = !this.mijiShow
        },
        begin(){
            this.stop()
            this.zhezhao = false
            this.dialogVisible = false
        },
        unSmileShow(){
            let which = null
            for(let i=0;i<this.unSmile.length;i++){
                if(this.unSmile[i]){
                    which = i
                }
            }
            this.unSmile = [false,false,false,false,false,false]
            let num = Math.floor(Math.random()*6+1)-1
            if(which == num){
                if(num == 0){
                    num ++
                }else{
                    num --
                }
            }
            this.unSmile[num] = true
        },
        look(){
            setTimeout(() => {
                clearInterval(this.timer2)
                this.timer2ing = true
                this.$notify.closeAll()
                this.$notify.info({
                    title: '提示',
                    message: '点击文字后可以随机更改成想要的内容哦！',
                    duration: 5000,
                    position: Math.floor(Math.random()*2+1) == 1?'top-left':'top-right'
                });
            }, 150);
        },
        tip(){
            if(this.timer2ing){
                this.timer2ing = false
                this.timer2 = setInterval(() => {
                    this.$notify.closeAll()
                    this.$notify.info({
                        title: '提示',
                        message: '点击文字后可以随机更改成想要的内容哦！',
                        duration: 5000,
                        position: Math.floor(Math.random()*2+1) == 1?'top-left':'top-right'
                    });
                }, 150);
            }
        },
        stop(){
            setTimeout(() => {
                this.$notify.closeAll()
                clearInterval(this.timer2)
                this.timer2ing = true
            }, 150);
            this.stopStatus = !this.stopStatus
            if(!this.stopStatus){
                this.timer = setInterval(() => {
                    this.changeData1()
                    this.changeData2()
                    this.changeData3()
                    this.changeData4()
                    this.changeData5()
                    this.changeData6()
                }, 50);
            }else{
                setTimeout(() => {
                    clearInterval(this.timer)
                }, 150);
            }
        },
        changeData1(){
            let which = null
            for(let i=0;i<this.data1List.length;i++){
                if(this.data1 == this.data1List[i]){
                    which = i
                }
            }
            let index = Math.floor(Math.random()*5+1)-1
            if(index == which){
                if(index == 0){
                    index ++
                }else{
                    index --
                }
            }
            this.data1 = this.data1List[index]
        },
        changeData2(){
            let which = null
            for(let i=0;i<this.data2List.length;i++){
                if(this.data2 == this.data2List[i]){
                    which = i
                }
            }
            let index = Math.floor(Math.random()*6+1)-1
            if(index == which){
                if(index == 0){
                    index ++
                }else{
                    index --
                }
            }
            this.data2 = this.data2List[index]
        },
        changeData3(){
            let which = null
            for(let i=0;i<this.data3List.length;i++){
                if(this.data3 == this.data3List[i]){
                    which = i
                }
            }
            let index = Math.floor(Math.random()*4+1)-1
            if(index == which){
                if(index == 0){
                    index ++
                }else{
                    index --
                }
            }
            this.data3 = this.data3List[index]
        },
        changeData4(){
            let which = null
            for(let i=0;i<this.data4List.length;i++){
                if(this.data4 == this.data4List[i]){
                    which = i
                }
            }
            let index = Math.floor(Math.random()*4+1)-1
            if(index == which){
                if(index == 0){
                    index ++
                }else{
                    index --
                }
            }
            this.data4 = this.data4List[index]
        },
        changeData5(){
            let which = null
            for(let i=0;i<this.data5List.length;i++){
                if(this.data5 == this.data5List[i]){
                    which = i
                }
            }
            let index = Math.floor(Math.random()*4+1)-1
            if(index == which){
                if(index == 0){
                    index ++
                }else{
                    index --
                }
            }
            this.data5 = this.data5List[index]
        },
        changeData6(){
            let which = null
            for(let i=0;i<this.data6List.length;i++){
                if(this.data6 == this.data6List[i]){
                    which = i
                }
            }
            let index = Math.floor(Math.random()*4+1)-1
            if(index == which){
                if(index == 0){
                    index ++
                }else{
                    index --
                }
            }
            this.data6 = this.data6List[index]
        },
        close(){
            window.open("about:blank","_self").close()
        }
    }
}
</script>

<style scoped>
.beginText{
    font-size: 10px;
    background-color: rgb(150, 63, 255);
    color: white;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
}
.begin{
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    text-indent: 0;
}
.dialog{
    border-radius: 10px;
    padding: 10px;
    text-indent: 2em;
    position: relative;
    z-index: 99;
    background-color: rgb(255, 255, 255);
}
.zhezhao{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(90, 90, 90);
    opacity: .4;
}
.rightStyle{
    float: right;
}
.face{
    text-align: center;
}
.look{
    background-color: rgb(255, 126, 34);
    color: white;
    font-size: 10px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 6px;
    border-radius: 3px;
    margin-left: 70px;
}
.miji{
    background-color: rgb(100, 34, 255);
    color: white;
    font-size: 10px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 6px;
    border-radius: 3px;
    margin-right: 30px;
}
.tip{
    background-color: rgb(255, 156, 34);
    color: white;
    font-size: 10px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 6px;
    border-radius: 3px;
    margin-right: 50px;
}
.stop{
    background-color: rgb(34, 130, 255);
    color: white;
    font-size: 10px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 6px;
    border-radius: 3px;
    margin-right: 50px;
}
.colsediv{
    margin-top: 100px;
    position: absolute;
    right: 10px;
}
.close{
    background-color: rgb(255, 60, 34);
    color: white;
    font-size: 10px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 6px;
    border-radius: 3px;
    margin-right: 12px;
}
.body2{
    background-color: rgb(243, 243, 243);
    border-radius: 10px;
    height: 100%;
    padding: 20px;
}
.body{
    user-select: none;
    margin-top: -8px;
    position: fixed;
    height: 100%;
    width: 100%;
    margin-left: -7.5px;
}
.text{
    line-height: 30px;
    text-indent: 2em;
    margin-top: 15px;
}
</style>